<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection"content="telephone=no, email=no" />
	<link rel="stylesheet" href="css/ui.css">
	<link rel="stylesheet" href="css/statistical.css">
	<title>数据统计</title>
</head>
<body>

	<!--header-->
	<header class="header">
		<!--左边icon-->
		<div class="header-left">
			<a class="header-back" href=""></a>
		</div>
		<!--可以使用h1或者其余的tag .header-title-->
		<h1>数据统计</h1>
	</header>
	
	<!-- 消除头部绝对定位影响 -->
	<div style="height: 44px;"></div>

	<div class="statistical" id="statistical_tab">
		<div class="hd">
			<ul>
				<li class="on">今日</li>
				<li>近一周</li>
				<li>近一月</li>
				<li>近一年</li>
			</ul>
		</div>
		
		<div class="bd">
			<div class="statistical_cnt" id="statistical_day" ajax="statistical.json"></div>
			<div class="statistical_cnt" id="statistical_week" ajax="statistical.json"></div>
			<div class="statistical_cnt" id="statistical_month" ajax="statistical.json"></div>
			<div class="statistical_cnt" id="statistical_year" ajax="statistical.json"></div>
		</div>
	</div>

	<script>

		// 说明  
		// .statistical_cnt 上ajax属性值为异步访问json的值
		// 异步返回值demo如下

		// // 今日数据
		// [{
		// 	"title": "店铺收入(共9.54)",
		// 	"forid": "statistical_day",
		// 	"color": "#41cdd0",
		// 	"data": {"0:00": 0,"6:00": 1.01,"10:00": 0.3,"12:00": 1.1,"16:00": 3.03,"20:00": 2.1}
		// },
		// {
		// 	"title": "店铺订单(共9.54)",
		// 	"forid": "statistical_day",
		// 	"color": "#f3386d",
		// 	"data": {"0:00": 0,"6:00": 1.01,"10:00": 0.3,"12:00": 1.1,"16:00": 3.03,"20:00": 2.1}
		// },
		// {
		// 	"title": "店铺交易额(共9.54)",
		// 	"forid": "statistical_day",
		// 	"color": "#3b98ff",
		// 	"data": {"0:00": 0,"6:00": 1.01,"10:00": 0.3,"12:00": 1.1,"16:00": 3.03,"20:00": 2.1}
		// }]


		// // 本周数据
		// [{
		// 	"title": "店铺收入(共8.14)",
		// 	"forid": "statistical_week",
		// 	"color": "#41cdd0",
		// 	"data": {"星期一": 0,"星期二": 1.01,"星期三": 0.3,"星期四": 0.3,"星期五": 1.1,"星期六": 3.03,"星期日": 2.1}
		// },
		// {
		// 	"title": "店铺订单(共8.14)",
		// 	"forid": "statistical_week",
		// 	"color": "#f3386d",
		// 	"data": {"星期一": 0,"星期二": 1.01,"星期三": 0.3,"星期四": 0.3,"星期五": 1.1,"星期六": 3.03,"星期日": 2.1}
		// },
		// {
		// 	"title": "店铺交易额(共8.14)",
		// 	"forid": "statistical_week",
		// 	"color": "#3b98ff",
		// 	"data": {"星期一": 0,"星期二": 1.01,"星期三": 0.3,"星期四": 0.3,"星期五": 1.1,"星期六": 3.03,"星期日": 2.1}
		// }]


		// // 本月数据
		// [{
		// 	"title": "店铺收入(共3.33)",
		// 	"forid": "statistical_month",
		// 	"color": "#41cdd0",
		// 	"data": {"1-5天": 0,"6-10": 0.3,"11-15": 1.0,"16-20": 1.0,"21-25": 1.2,"26-30": 3.03}
		// },
		// {
		// 	"title": "店铺订单(共9.54)",
		// 	"forid": "statistical_month",
		// 	"color": "#f3386d",
		// 	"data": {"1-5天": 0,"6-10": 0.3,"11-15": 1.0,"16-20": 1.0,"21-25": 1.2,"26-30": 3.03}
		// },
		// {
		// 	"title": "店铺交易额(共9.54)",
		// 	"forid": "statistical_month",
		// 	"color": "#3b98ff",
		// 	"data": {"1-5天": 0,"6-10": 0.3,"11-15": 1.0,"16-20": 1.0,"21-25": 1.2,"26-30": 3.03}
		// }]


		// // 本月数据
		// [{
		// 	"title": "店铺收入(共3.33)",
		// 	"forid": "statistical_year",
		// 	"color": "#41cdd0",
		// 	"data": {"1-3月": 0,"4-6月": 0.3,"7-9月": 0.3,"9-12月": 3.03}
		// },
		// {
		// 	"title": "店铺订单(共3.33)",
		// 	"forid": "statistical_year",
		// 	"color": "#f3386d",
		// 	"data": {"1-3月": 0,"4-6月": 0.3,"7-9月": 0.3,"9-12月": 3.03}
		// },
		// {
		// 	"title": "店铺交易额(共3.33)",
		// 	"forid": "statistical_year",
		// 	"color": "#3b98ff",
		// 	"data": {"1-3月": 0,"4-6月": 0.3,"7-9月": 0.3,"9-12月": 3.03}
		// }]


	</script>

	<script src="js/jquery.min.js"></script>
	<script src="js/libs/TouchSlide.1.1.source.js"></script>
	<script src="js/echarts-m/dist/echarts.js"></script>
	<script src="js/statistical.js"></script>

	
</body>
</html>